iT邦幫忙

2024 iThome 鐵人賽

DAY 18
0
Mobile Development

IOS的打怪升級之路系列 第 18

鐵人賽第十八天 留言板(四) tableview設定

  • 分享至 

  • xImage
  •  

說明

在使用 UITableView時,需要設定數據來源並註冊自定義的 cell 才能正確顯示內容。/images/emoticon/emoticon08.gif

實作

  1. 設定資料來源
    要在 UITableView 中顯示資料,首先需要定義要顯示的行數。這可以通過實現 UITableViewDataSource 的方法來完成:
extension MainViewController: UITableViewDelegate, UITableViewDataSource  {
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 3 // 回傳要顯示的行數
    }
}
  1. 註冊自定義 Cell
    當你使用自定義的 xib 檔案作為 UITableViewCell 時,必須在 viewDidLoad 中註冊它,這樣系統才能正確載入你的自訂 cell
tableview.register(UINib(nibName: "MainTableViewCell", bundle: nil), forCellReuseIdentifier: "MainTableViewCell")
tableview.delegate = self
tableview.dataSource = self
// 註冊 xib 並設置 tableView 的代理和數據來源

tableview 是你在介面上宣告的 UITableView。

  1. 設定資料顯示
    在這裡,你需要指定每個 cell 對應的 xib 檔案,並根據每個行數來顯示不同的資料。這個步驟通常會在 cellForRowAt 方法中進行。
extension MainViewController: UITableViewDelegate, UITableViewDataSource  {
    
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tbText.dequeueReusableCell(withIdentifier: "MainTableViewCell",for: indexPath) as! MainTableViewCell
        cell.name.text=table[indexPath.row].name
        // name 是 label 的名稱,根據行數設定顯示的資料
        return cell
    }
}

結語

本文完整展示了如何在 UITableView 中設定自定義的 xib cell 並顯示數據。你可以根據具體需求來進一步優化代碼,例如調整行數顯示不同的資料或設定不同的 UI 元件。這樣可以更靈活地處理各種應用場景。/images/emoticon/emoticon34.gif


上一篇
鐵人賽第十七天 留言板(三) relam的實際運用
下一篇
鐵人賽第十九天 留言板(五)tableview的右滑功能
系列文
IOS的打怪升級之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言